<template>
  <v-row no-gutters justify="center" class="mt-3">
    <v-col cols="2" class="item_sticky" style="top:70px" v-if="!this.$vuetify.breakpoint.smAndDown">
      <LeftMenu />
    </v-col>
    <v-col cols="12" xl="7" lg="7" md="7">
      <v-row
        no-gutters
        class="mr-3 mb-2"
        v-if="!this.$vuetify.breakpoint.smAndDown"
      >
        <MainPublish />
      </v-row>
      <v-row
        no-gutters
        class="pr-sm-0 pr-md-3"
        v-for="(item, index) in maincontent"
        :key="index"
      >
        <MainContent :maincontent="item" :need_more="1"/>
      </v-row>
    </v-col>
    <v-col cols="3" class="pr-3 item_sticky" style="top:70px"  v-if="!this.$vuetify.breakpoint.smAndDown">
      <v-row no-gutters>
        <UserInfo />
      </v-row>
      <v-row no-gutters class="mt-3">
        <FocusTopic />
      </v-row>
    </v-col>
  </v-row>
</template>

<script>
import LeftMenu from '~/components/mistalk/LeftMenu'
import MainPublish from '~/components/mistalk/MainPublish'
import UserInfo from '~/components/mistalk/UserInfo'
import FocusTopic from '~/components/mistalk/FocusTopic'
import MainContent from '~/components/mistalk/MainContent'

export default {
  transition: 'slide-left',
  components: { LeftMenu, MainPublish, UserInfo, FocusTopic, MainContent },
  data: () => ({
    selectedItem: 1,
    tBackgroundColor: 'blue-grey lighten-5',
    maincontent: [
      {
        id:"1",
        avatar: 'https://cdn.vuetifyjs.com/images/lists/1.jpg',
        username: '杭州_阿里嘎巴创始人',
        sign: '码仔@阿里嘎巴创始人',
        time: '2小时前',
        content:
          'Small plates, salads & sandwiches - an intimate setting with 12 indoor seats plus patio seating.',
        imgList: [
          'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2101047787,1988938792&fm=26&gp=0.jpg',
          "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3763867224,1142294674&fm=26&gp=0.jpg",
          // 'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3804991923,3110903716&fm=15&gp=0.jpg',
          // "https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3667073056,3559130803&fm=26&gp=0.jpg",
          // "https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3543167054,844849186&fm=26&gp=0.jpg",
          // "https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3501995111,4278992844&fm=26&gp=0.jpg",
          // "https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2210914355,3427147638&fm=15&gp=0.jpg",
          // "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3434003956,2917065768&fm=26&gp=0.jpg",
          // "https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=4094147070,2690633137&fm=15&gp=0.jpg"
        ],
      },
            {
        id:"2",

        avatar: 'https://cdn.vuetifyjs.com/images/lists/1.jpg',
        username: '杭州_阿里嘎巴创始人',
        sign: '码仔@阿里嘎巴创始人',
        time: '2小时前',
        content:
          'Small plates, salads & sandwiches - an intimate setting with 12 indoor seats plus patio seating.',
        imgList: [
          'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2101047787,1988938792&fm=26&gp=0.jpg',
          "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3763867224,1142294674&fm=26&gp=0.jpg",
          'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3804991923,3110903716&fm=15&gp=0.jpg',
          // "https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3667073056,3559130803&fm=26&gp=0.jpg",
          "https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3543167054,844849186&fm=26&gp=0.jpg",
          // "https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3501995111,4278992844&fm=26&gp=0.jpg",
          // "https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2210914355,3427147638&fm=15&gp=0.jpg",
          "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3434003956,2917065768&fm=26&gp=0.jpg",
          "https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=4094147070,2690633137&fm=15&gp=0.jpg"
        ],
      },
            {
        id:"3",

        avatar: 'https://cdn.vuetifyjs.com/images/lists/1.jpg',
        username: '杭州_阿里嘎巴创始人',
        sign: '码仔@阿里嘎巴创始人',
        time: '2小时前',
        content:
          'Small plates, salads & sandwiches - an intimate setting with 12 indoor seats plus patio seating.',
        imgList: [
          // 'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2101047787,1988938792&fm=26&gp=0.jpg',
          // "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3763867224,1142294674&fm=26&gp=0.jpg",
          // 'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3804991923,3110903716&fm=15&gp=0.jpg',
          // "https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3667073056,3559130803&fm=26&gp=0.jpg",
          // "https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3543167054,844849186&fm=26&gp=0.jpg",
          // "https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3501995111,4278992844&fm=26&gp=0.jpg",
          // "https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2210914355,3427147638&fm=15&gp=0.jpg",
          // "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3434003956,2917065768&fm=26&gp=0.jpg",
          // "https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=4094147070,2690633137&fm=15&gp=0.jpg"
        ],
      },
            {
        id:"4",

        avatar: 'https://cdn.vuetifyjs.com/images/lists/1.jpg',
        username: '杭州_阿里嘎巴创始人',
        sign: '码仔@阿里嘎巴创始人',
        time: '2小时前',
        content:
          'Small plates, salads & sandwiches - an intimate setting with 12 indoor seats plus patio seating.',
        imgList: [
          'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2101047787,1988938792&fm=26&gp=0.jpg',
          "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3763867224,1142294674&fm=26&gp=0.jpg",
          'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3804991923,3110903716&fm=15&gp=0.jpg',
          "https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3667073056,3559130803&fm=26&gp=0.jpg",
          "https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3543167054,844849186&fm=26&gp=0.jpg",
          "https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3501995111,4278992844&fm=26&gp=0.jpg",
          "https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2210914355,3427147638&fm=15&gp=0.jpg",
          "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3434003956,2917065768&fm=26&gp=0.jpg",
          // "https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=4094147070,2690633137&fm=15&gp=0.jpg"
        ],
      },
            {
        id:"5",

        avatar: 'https://cdn.vuetifyjs.com/images/lists/1.jpg',
        username: '杭州_阿里嘎巴创始人',
        sign: '码仔@阿里嘎巴创始人',
        time: '2小时前',
        content:
          'Small plates, salads & sandwiches - an intimate setting with 12 indoor seats plus patio seating.',
        imgList: [
          'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2101047787,1988938792&fm=26&gp=0.jpg',
          "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3763867224,1142294674&fm=26&gp=0.jpg",
          'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3804991923,3110903716&fm=15&gp=0.jpg',
          "https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3667073056,3559130803&fm=26&gp=0.jpg",
          "https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3543167054,844849186&fm=26&gp=0.jpg",
          "https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3501995111,4278992844&fm=26&gp=0.jpg",
          "https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2210914355,3427147638&fm=15&gp=0.jpg",
          "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3434003956,2917065768&fm=26&gp=0.jpg",
          "https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=4094147070,2690633137&fm=15&gp=0.jpg"
        ],
      },
    ],
  }),
  methods: {},
}
</script>

<style scoped>
.item_divider {
  border-color: #f4f4f4;
}
</style>
